<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: admin
  Date: 2023/3/24
  Time: 15:10
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/common.css">
    <%--    <script src="../js/jquery-3.6.3.min.js"></script>--%>
    <%--    <script src="../js/common.js"></script>--%>
</head>
<body class="justify-content-center">
<div class="width-1000">
    <!--    头部-->
    <%--    <div id="top"></div>--%>
    <jsp:include page="top.jsp"/>
    <!--    中间-->
    <div class="justify-content-center middle">
        <div class="width-900  justify-content-between">
            <div class="border-gray news">
                <div class="title-bar">较新动态</div>
                <div class="border-top justify-content-between">
                    <div><img src="../img/m331.jpg"/></div>
                    <div>
                        <c:forEach items="${newsModelList}" var="model">
                            <div>
                                <div class="single-over font-title">${model.title}</div>
                                <div class="single-over font-content">${model.content}
                                </div>
                            </div>
                        </c:forEach>
                        <%--                        <div>--%>
                        <%--                            <div class="single-over font-title">日本较大抹茶餐饮七叶和茶登陆上海</div>--%>
                        <%--                            <div class="single-over font-content">日本较大的抹茶餐饮连锁正式登陆上海,其中--%>
                        <%--                            </div>--%>
                        <%--                        </div>--%>
                        <%--                        <div>--%>
                        <%--                            <div class="single-over font-title">日本较大抹茶餐饮七叶和茶登陆上海</div>--%>
                        <%--                            <div class="single-over font-content">日本较大的抹茶餐饮连锁正式登陆上海,其中--%>
                        <%--                            </div>--%>
                        <%--                        </div>--%>
                        <%--                        <div>--%>
                        <%--                            <div class="single-over font-title">日本较大抹茶餐饮七叶和茶登陆上海</div>--%>
                        <%--                            <div class="single-over font-content">日本较大的抹茶餐饮连锁正式登陆上海,其中--%>
                        <%--                            </div>--%>
                        <%--                        </div>--%>
                    </div>
                </div>
            </div>
            <div class="border-gray product">
                <div class="title-bar ">产品展示</div>
                <div class="border-top justify-content-between">
                    <div>
                        <div><img src="../img/fuguihuotui.jpg"/></div>
                        <div class="font-title single-over">富贵火腿</div>
                        <div class="font-content single-over">原料：火腿,火腿,火腿,火腿,火腿,火腿,火腿,火腿</div>
                    </div>
                    <div>
                        <div><img src="../img/fuguihuotui.jpg"/></div>
                        <div class="font-title single-over">富贵火腿</div>
                        <div class="font-content single-over">原料：火腿,火腿,火腿,火腿,火腿,火腿,火腿,火腿</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--    底部-->
    <%--    <div id="foot"></div>--%>
    <jsp:include page="foot.jsp"/>
</div>
</body>
</html>
